
<!DOCTYPE html>
<html lang='en'>
<head>
<meta content='text/html; charset=utf-8' http-equiv='Content-Type' />
<title>Fleetio - Log in to Fleetio</title>
<!--[if lt IE 9]>
<script src="https://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
<![endif]-->
<!--<link href="http://www.fleetio.com/assets/application-0e64df8d777f96f145c942724135fd9b.css" media="screen" rel="stylesheet" type="text/css" />-->
<link type="text/css" href="assets/bootstrap//css/bootstrap.css" rel="Stylesheet" />
<script type="text/javascript" src="assets/jquery/jquery.js"></script>

<script type="text/javascript" src="assets/bootstrap/js/bootstrap.min.js"></script>
<!--[if IE]>
<meta content='IE=7' http-equiv='X-UA-Compatible' />
<![endif]-->
<!--[if lt IE 8]>
<link href="/assets/ie-08bbde2ff631bdbfa50c86f9bf62845b.css" media="screen" rel="stylesheet" type="text/css" />
<![endif]-->
<meta content="authenticity_token" name="csrf-param" />
<meta content="81321FoDBGepmsic8XVarx1pasuNC6tS77+spNh8W/I=" name="csrf-token" />
<link href="/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
<style>
body {
	
	background-image: url(assets/images/bg.jpg);
	background-position: 0 0;
	background-color: #FBFBFB;
	background-repeat: repeat;
	font-size: 12px;
	font-family: "微软雅黑"
}
#login #logo {
margin: 36px auto;
text-align: center;
}
.section {
background-color: white;
border: 1px solid #CCC;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
margin-bottom: 18px;
}
.section-header {
background-color: #F6F6F6;
background-image: -moz-linear-gradient(top, #FAFAFA, #F2F2F2);
background-image: -ms-linear-gradient(top, #FAFAFA, #F2F2F2);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FAFAFA), to(#F2F2F2));
background-image: -webkit-linear-gradient(top, #FAFAFA, #F2F2F2);
background-image: -o-linear-gradient(top, #FAFAFA, #F2F2F2);
background-image: linear-gradient(top, #FAFAFA,#F2F2F2);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFAFAFA', endColorstr='#FFF2F2F2', GradientType=0);
border-top: 1px solid white;
border-bottom: 1px solid #CCC;
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px;
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px;
height: 46px;
line-height: 46px;
padding: 0 15px 0;
}
.section-header h3, .section-header h5 {
color: #555;
float: left;
line-height: 46px;
height: 46px;
text-transform: uppercase;
text-shadow: 1px 1px 0 white;

margin:0
}
.section-body {
min-height: 18px;
padding: 9px 15px 0;
}

.ac {
text-align: center;
}
</style>
</head>

<body>
<div class='container' id='login'>
<div id='logo'>
<a href="http://www.fleetio.com" title="Fleetio - Fleet maintenance management software"><img alt="Fleetio Logo" height="56" src="assets/images/logo-large.png" width="218" />
</a></div>
<div style='width:450px;margin:auto;'>
<div class='section section-large' id='login-section'>
<div class='section-header' large='large'>
<h3>
登录
</h3>


</div>
<div class='section-body'>
<!--
<div class='alert '>
错误提示放这里
</div>
-->
<form accept-charset="UTF-8" action="/users/sign_in" class="new_user" id="new_user" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="81321FoDBGepmsic8XVarx1pasuNC6tS77+spNh8W/I=" /></div>
<div class='row-fluid'>
<label for="user_login">帐户</label>
<input class="span11" id="user_login" name="user[login]" size="30" type="text" />
<label for="user_password">密码</label>
<input class="span11" id="user_password" name="user[password]" size="30" type="password" />
<p class='help-block'>
<a href="/users/password/new">忘记密码?</a>
</p>
</div>
<div class='form-actions'>
<div class='row'>
<div class='span2' style='width:65px'>
<input class="btn btn-primary btn-large" name="commit" type="submit" value="登录" />
</div>
<div class='span3' style='padding-top:10px'>
<label class='checkbox' for='user_remember_me'>
<input name="user[remember_me]" type="hidden" value="0" /><input id="user_remember_me" name="user[remember_me]" type="checkbox" value="1" />
自动登录
</label>
</div>
</div>
</div>
</form>

</div>

</div>
</div>

</div>

<p class='ac'>
<small>
<i class='icon-share'></i>
<a href="#">Resend confirmation email</a>
&nbsp;
|
&nbsp;
<i class='icon-question-sign'></i>
<a href="#" rel="facebox">Email us for help</a>
</small>
</p>

</body>
</html>
